  <template name="ys-personal-menu">
    <view class="ys-personal-menu">
      <view class="uni-list">
        <view class="uni-list-cell" v-for="(item, index) in list" :key="index">
          <view class="uni-list-cell-navigate uni-navigate-right">
            <image class="icon" :src="item.icon"></image>
            <view class="menu-name">{{item.name}}</view>
            <view class="content">{{item.content}}</view>
            <view class="select-icon">&#xe603;</view>
          </view>
        </view>
      </view>
    </view>
  </template>

  <script>
    export default {
        name: "ys-personal-menu",
        props: {
            list: {
                type: Array,
                default: () => []
            }
        },
        mounted() {
        },
        data() {
            return {
    
            };
        },
        methods: {
        
        }
    }   
  </script>
  <style lang="scss">
    @font-face {
      font-family: 'iconfont';  /* project id 1059400 */
      src: url('//at.alicdn.com/t/font_1059400_cct6olhfq1m.eot');
      src: url('//at.alicdn.com/t/font_1059400_cct6olhfq1m.eot?#iefix') format('embedded-opentype'),
      url('//at.alicdn.com/t/font_1059400_cct6olhfq1m.ttf') format('truetype'),
    }
    .ys-personal-menu{
      background-color: #fff;
      width: 100%;
      height: 150upx;
      margin-top: 20upx;
      .uni-list-cell-navigate{
        width: 100%;
        height: 80upx;
        background-color:#fff;
        border-bottom: 1px solid #f7f7f7;
        position: relative;
        .icon{
          width: 45upx;
          height: 45upx;
          // background-color: #808080;
          position: absolute;
          left: 30upx;
          top:22%;
        }
        .menu-name{
          position: absolute;
          left: 85upx;
          height: 100%;
          line-height: 80upx;
          font-size:28upx;
          color: #808080;
        }
        .content{
          position: absolute;
          width:40%;
          overflow: hidden;
          right: 70upx;
          height: 100%;
          line-height: 80upx;
          font-size:28upx;
          color: #808080;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .select-icon{
          position: absolute;
          right: 30upx;
          height: 100%;
          line-height: 80upx;
          font-size:28upx;
          color: #808080;
          font-family: iconfont;
        }
      }
    }
    
  </style>
